html,
body,
#root {
  height: 100%;
  overflow: hidden;
}

/* 全局设置盒模型 */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  /* 全局字体设置 */
  font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
  /*font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;*/
  background: #000;
}
/* 去掉地图点击蓝色边框 */
.esri-view .esri-view-surface--inset-outline:focus::after {
  outline: auto 0px Highlight !important;
  outline: auto 0px -webkit-focus-ring-color !important;
}

/* 全局antd样式 */
.ant-checkbox-checked .ant-checkbox-inner {
  background: #42b7d6;
}
.ant-checkbox-wrapper span {
  color: #ffffff;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.ant-select-selector {
  background-color: RGBA(255, 255, 255, 0) !important;
  border: 1px dashed rgba(255, 255, 255, 0.42) !important;
}

.ant-select-arrow {
  color: rgba(255, 255, 255, 0.42);
}

.ant-select {
  color: rgba(255, 255, 255, 0.6);
}

.flex-spb {
  display: flex;
  justify-content: space-between;
}

body .ant-select-dropdown {
  background: linear-gradient(135deg, #131b20 0%, #091218 100%);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.85);
}

body .ant-select-item {
  color: rgba(255, 255, 255, 0.85);
}

body .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: unset;
}

body .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #2fb0ff;
  background-color: unset;
}

body .ant-select-item-option-active:not(.ant-select-item-option-disabled):hover {
  opacity: 0.8;
}

body {
  .ant-picker-panel-container {
    background: linear-gradient(135deg, #131b20 0%, #091218 100%);
    box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 8%);
  }
  .ant-picker-cell-in-view {
    color: rgba(255, 255, 255, 0.85);
  }
  .ant-picker-content th {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-picker-header-view button {
    color: #ffffff;
  }

  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before,
  .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
    background: rgba(255, 255, 255, 0.3);
    // background: lighten(#091218, 95%);
  }
  .ant-picker-cell {
    color: rgba(255, 255, 255, 0.25);
  }
  .esri-widget {
    color: rgba(255, 255, 255, 0.8);
  }

  .ant-dropdown-menu,
  .ant-table-filter-dropdown {
    background-color: rgba(#091218, 0.8);
  }

  .ant-dropdown-menu-item,
  .ant-dropdown-menu-submenu-title {
    color: rgba(255, 255, 255, 0.8);
  }

  .ant-dropdown-menu-item-selected,
  .ant-dropdown-menu-submenu-title-selected {
    color: #1890ff;
  }

  .ant-picker-header button {
    color: rgba(255, 255, 255, 0.25);
  }

  .ant-table-filter-dropdown {
    .ant-btn-link[disabled],
    .ant-btn-link[disabled]:hover,
    .ant-btn-link[disabled]:focus,
    .ant-btn-link[disabled]:active {
      color: rgba(255, 255, 255, 0.6);
    }
  }

  .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    color: rgba(#fff, 0.4);
  }

  .esri-elevation-profile-legend-item {
    background: rgba(#fff, 0.05);
  }

  .esri-popup__content ~ .esri-popup__footer {
    display: none;
  }

  .chart-box-body-style1 > div > div:nth-child(2) > br {
    &:nth-child(1),
    &:nth-child(2),
    &:nth-child(3),
    &:nth-child(4) {
      display: none;
    }
  }
}
